<html>
 <head>
  <title>Chromium Badges for {{viewed_user_email}}</title>
  <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
  <link type="text/css" rel="stylesheet" href="/css/style.css?version={{app_version}}">
 </head>

 <h1>Chromium Badges for {{viewed_user_email}}</h1>

 <div id="badges">
  {% if not badges %}
    <p>Sorry, this user does not have any badges yet.</p>
  {% endif %}
  {% for badge_view in badges %}
    {% if badge_view.show %}
      <a href="/b/{{badge_view.badge_def.badge_name}}">
        <div class="badge" title="{{badge_view.badge_def.description}}">
          <div class="shield">
            <div class="icon">
              <img src="https://storage.googleapis.com/chromium-crbadge/{{badge_view.badge_def.icon}}">
              {% if badge_view.level %}<div class="level">{{badge_view.level}}</div>{% endif %}
            </div>
          </div>
          <div class="caption">{{badge_view.badge_def.title}}</div>
        </div>
      </a>
    {% endif %}
  {% endfor %}
 </div>
</html>
